<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="origin-when-cross-origin">


    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>rain_sparse - 博客园</title>
    <link id="favicon" rel="shortcut icon" href="https://www.cnblogs.com/common.cnblogs.com/favicon.svg"
        type="image/svg+xml">

    <style>
        :not(.cnblogs_code):not(.cnblogs_Highlighter)>pre:not([class*="language-"]):not([highlighted]):not(.hljs):not([class*="brush:"]) {
            background: rgb(243, 243, 243);
            padding: 0px;
            border: 0px none rgb(68, 68, 68);
            border-radius: 0px;
            border-color: transparent;
            color: rgb(68, 68, 68);
            font-family: monospace;
        }

        :not(.cnblogs_code):not(.cnblogs_Highlighter)>pre:not([highlighted]):not([class*="brush:"]) code:not(.hljs) {
            background: rgb(243, 243, 243) !important;
            border-color: transparent !important;
        }
    </style>
    <!-- <link rel="stylesheet"
        href="https://www.cnblogs.com/css/blog-common.min.css?v=bBJU-ljNTYNulByaSuL-TW16KvkX72sI9IxfrvAzlis">




    <link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet"
        href="https://www.cnblogs.com/css/mobile-common.min.css?v=ULZH15V27JQRcKFJj8drF9ipZpkr6NQjmjXK1UtZitA">


    <link type="application/rss+xml" rel="alternate" href="https://www.cnblogs.com/rain-sparse/rss">
    <link type="application/rsd+xml" rel="EditURI" href="https://www.cnblogs.com/rain-sparse/rsd.xml">
    <link type="application/wlwmanifest+xml" rel="wlwmanifest"
        href="https://www.cnblogs.com/rain-sparse/wlwmanifest.xml"> -->
    <script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script>
    <script>
        var currentBlogId = 663943;
        var currentBlogApp = 'rain-sparse';
        var isLogined = false;
        var isBlogOwner = false;
        var skinName = 'darkgreentrip';
        var visitorUserId = '';
        var hasCustomScript = true;
        try {
            if (hasCustomScript && document.referrer && document.referrer.indexOf('baidu.com') >= 0) {
                Object.defineProperty(document, 'referrer', { value: '' });
                Object.defineProperty(Document.prototype, 'referrer', { get: function () { return ''; } });
            }
        } catch (error) { }
        window.cb_enable_mathjax = false;
        window.mathEngine = 0;
        window.codeHighlightEngine = 1;
        window.enableCodeLineNumber = true;
        window.codeHighlightTheme = 'atom-one-dark';
        window.isDarkCodeHighlightTheme = true;
        window.isDisableCodeHighlighter = false;
    </script>
    <script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>
    <!-- <script src="https://www.cnblogs.com/js/blog-common.min.js?v=9qwm1OqCQMFJprAATKUxamZ91RFJw4VTGEV5NPU6sDU"></script> -->
    <style>
        .medium-zoom-overlay {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: opacity 300ms;
            will-change: opacity;
        }

        .medium-zoom--opened .medium-zoom-overlay {
            cursor: pointer;
            cursor: zoom-out;
            opacity: 1;
        }

        .medium-zoom-image {
            cursor: pointer;
            cursor: zoom-in;
            /*
    The `transition` is marked as "!important" for the animation to happen
    even though it's overriden by another inline `transition` style attribute.

    This is problematic with frameworks that generate inline styles on their
    images (e.g. Gatsby).

    See https://github.com/francoischalifour/medium-zoom/issues/110
   */
            transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;
        }

        .medium-zoom-image--hidden {
            visibility: hidden;
        }

        .medium-zoom-image--opened {
            position: relative;
            cursor: pointer;
            cursor: zoom-out;
            will-change: transform;
        }
    </style>
    <link id="highlighter-theme-atom-one-dark" href="https://www.cnblogs.com/css/hljs/atom-one-dark.css"
        rel="stylesheet" type="text/css">
    <script id="hljs-script" src="https://common.cnblogs.com/highlight/11.4.0/highlight.min.js" type="text/javascript"
        defer=""></script>

    <!-- 添加csss -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/article.css">
    <link rel="stylesheet" href="./css/other.css">
    <link rel="stylesheet" href="./css/adaptation.css">
    <!-- require APlayer -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
    <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
    <!-- require MetingJS -->
    <script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
    <meting-js id="2036969741" lrc-type="0" server="netease" order="random" type="playlist" fixed="true"
        list-olded="true">
    </meting-js>

</head>

<body class="skin-darkgreentrip has-navbar has-bannerbar">
    <a name="top"></a>
    <img src="https://img2022.cnblogs.com/blog/35695/202206/35695-20220616123151800-1659045239.jpg" style="display:none"
        onload="countCreativeImpressions('C0-亚马逊云科技-智能湖仓');">
    <a href="https://www.cnblogs.com/cmt/p/16376604.html" onclick="countCreativeClicks('C0-亚马逊云科技-智能湖仓')"
        target="_blank" rel="nofollow">
        <div class="bannerbar forpc"
            style="background-size: contain;background-image: url(https://img2022.cnblogs.com/blog/35695/202206/35695-20220616123151800-1659045239.jpg);">


        </div>
    </a>
    <div id="top_nav" class="navbar forpc">
        <nav id="nav_main" class="navbar-main">
            <ul id="nav_left" class="navbar-list navbar-left">
                <li class="navbar-branding">
                    <a href="https://www.cnblogs.com/" title="开发者的网上家园" role="banner">
                        <img src="https://www.cnblogs.com/images/logo.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM"
                            alt="博客园Logo">
                    </a>
                </li>
                <li>
                    <a href="/" onclick="countClicks('skin-navbar-sitehome')">首页</a>
                </li>
                <li>
                    <a href="https://news.cnblogs.com/" onclick="countClicks('nav', 'skin-navbar-news')">新闻</a>
                </li>
                <li>
                    <a href="https://q.cnblogs.com/" onclick="countClicks('nav', 'skin-navbar-q')">博问</a>
                </li>
                <li>
                    <a id="nav_brandzone" href="https://brands.cnblogs.com/"
                        onclick="countClicks('nav', 'skin-navbar-brands')">专区</a>
                </li>
                <li>
                    <a href="https://ing.cnblogs.com/" onclick="countClicks('nav', 'skin-navbar-ing')">闪存</a>
                </li>
                <li>
                    <a href="https://edu.cnblogs.com/" onclick="countClicks('nav', 'skin-navbar-edu')">班级</a>
                </li>
            </ul>
            <ul id="nav_right" class="navbar-list navbar-right">
                <li>
                    <form id="zzk_search" class="navbar-search" action="https://zzk.cnblogs.com/s" method="get"
                        role="search">
                        <input name="w" id="zzk_search_input" placeholder="代码改变世界" type="search" tabindex="3">
                        <button type="submit" id="zzk_search_button">
                            <img src="https://www.cnblogs.com/images/aggsite/search.svg" alt="搜索">
                        </button>
                    </form>
                </li>
                <li id="navbar_login_status" class="navbar-list">
                    <a class="navbar-user-info navbar-blog" href="https://i.cnblogs.com/EditPosts.aspx?opt=1" alt="写随笔"
                        title="写随笔" style="display: none;">
                        <img id="new_post_icon" class="navbar-icon"
                            src="https://www.cnblogs.com/images/aggsite/newpost.svg" alt="写随笔">
                    </a>
                    <a id="navblog-myblog-icon" class="navbar-user-info navbar-blog"
                        href="https://passport.cnblogs.com/GetBlogApplyStatus.aspx" alt="我的博客" title="我的博客"
                        style="display: none;">
                        <img id="myblog_icon" class="navbar-icon"
                            src="https://www.cnblogs.com/images/aggsite/myblog.svg" alt="我的博客">
                    </a>
                    <a class="navbar-user-info navbar-message navbar-icon-wrapper" href="https://msg.cnblogs.com/"
                        alt="短消息" title="短消息" style="display: none;">
                        <img id="msg_icon" class="navbar-icon"
                            src="https://www.cnblogs.com/images/aggsite/message.svg?v=J0WS2P2iPgaIVgXxcAhliw4AFZIpaTWxtdoNAv9eiCA"
                            alt="短消息">
                        <span id="msg_count" style="display: none"></span>
                    </a>
                    <a id="navbar_lite_mode_indicator" data-current-page="blog" style="display: none"
                        href="javascript:void(0)" alt="简洁模式" title="简洁模式启用，您在访问他人博客时会使用简洁款皮肤展示">
                        <img class="navbar-icon" src="https://www.cnblogs.com/images/aggsite/lite-mode-on.svg"
                            alt="简洁模式">
                    </a>
                    <div id="user_info" class="navbar-user-info dropdown" style="display: none;">
                        <a class="dropdown-button" href="https://home.cnblogs.com/">
                            <img id="user_icon" class="navbar-avatar"
                                src="https://www.cnblogs.com/images/aggsite/avatar-default.svg" alt="用户头像">
                        </a>
                        <div class="dropdown-menu">
                            <a id="navblog-myblog-text"
                                href="https://passport.cnblogs.com/GetBlogApplyStatus.aspx">我的博客</a>
                            <a href="https://home.cnblogs.com/">我的园子</a>
                            <a href="https://account.cnblogs.com/settings/account">账号设置</a>
                            <a href="javascript:void(0)" id="navbar_lite_mode_toggle" title="简洁模式会使用简洁款皮肤显示所有博客">
                                简洁模式 <img id="navbar_lite_mode_on"
                                    src="https://www.cnblogs.com/images/lite-mode-check.svg" class="hide"><span
                                    id="navbar_lite_mode_spinner" class="hide">...</span>
                            </a>
                            <a href="javascript:void(0)" onclick="account.logout();">退出登录</a>
                        </div>
                    </div>
                    <a class="navbar-anonymous" href="https://account.cnblogs.com/signup"
                        style="display: inline;">注册</a>
                    <a class="navbar-anonymous" href="javascript:void(0);" onclick="account.login()"
                        style="display: inline;">登录</a>
                </li>
            </ul>
        </nav>
    </div>

    <div id="page_begin_html">
        <!-- <div style="display: none" id="__document_write_ajax_div-1"></div><script  charset="utf-8" defer>window['__document_write_ajax_callbacks__']['1']();</script> -->
    </div>
    <!--done-->
    <div id="home">
        <div id="header">
            <div id="blogTitle">
                <a id="lnkBlogLogo" href="https://www.cnblogs.com/rain-sparse/"><img id="blogLogo"
                        src="https://www.cnblogs.com/skins/custom/images/logo.gif" alt="返回主页"></a>

                <!--done-->
                <h1><a id="Header1_HeaderTitle" class="headermaintitle HeaderMainTitle"
                        href="https://www.cnblogs.com/rain-sparse/">rain_sparse</a>
                </h1>
                <h2></h2>





            </div>
            <!--end: blogTitle 博客的标题和副标题 -->
            <div id="navigator">

                <ul id="navList">
                    <li><a id="blog_nav_sitehome" class="menu" href="https://www.cnblogs.com/">
                            博客园</a>
                    </li>
                    <li>
                        <a id="blog_nav_myhome" class="menu" href="https://www.cnblogs.com/rain-sparse/">
                            首页</a>
                    </li>
                    <li>

                        <a id="blog_nav_newpost" class="menu" href="https://i.cnblogs.com/EditPosts.aspx?opt=1">
                            新随笔</a>
                    </li>
                    <li>
                        <a id="blog_nav_contact" class="menu" href="https://msg.cnblogs.com/send/rain_sparse">
                            联系</a>
                    </li>
                    <li>
                        <a id="blog_nav_rss" class="menu" href="javascript:void(0)"
                            data-rss="https://www.cnblogs.com/rain-sparse/rss/">
                            订阅</a>
                        <!--<partial name="./Shared/_XmlLink.cshtml" model="Model" /></li>-->
                    </li>
                    <li>
                        <a id="blog_nav_admin" class="menu" href="https://i.cnblogs.com/">
                            管理</a>
                    </li>
                </ul>


                <div class="blogStats">
                    <span id="stats_post_count">随笔 - 13&nbsp; </span>
                    <span id="stats_article_count">文章 - 3&nbsp; </span>
                    <span id="stats-comment_count">评论 - 0&nbsp; </span>
                    <span id="stats-total-view-count">阅读 -
                        <span title="总阅读数: 204">
                            204</span></span>

                </div>
                <!--end: blogStats -->
            </div>
            <!--end: navigator 博客导航栏 -->
        </div>
        <!--end: header 头部 -->
        <div id="main">
            <div id="mainContent">
                <div class="forFlow">
                    <div class="day" role="article" aria-describedby="postlist_description_16380520">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/06/16.html">2022年6月16日</a>
                        </div>

                        <!-- <div class="dayImg">
                            <img src="https://api.ixiaowai.cn/api/api.php" alt="" srcset="">
                        </div> -->
                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/16380520.html">
                                <span>
                                    小程序-微信小程序开发
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_16380520">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                ​ 小程序基础 小程序构成 项目结构 pages # 用来存放页面 utils # 用来存放工具类 app.js # 小程序的入口 app.json # 小程序的配置文件
                                app.wxss # 小程序的全局样式 project.config.json # 小程序的项目配置 sitemap.json <a
                                    href="https://www.cnblogs.com/rain-sparse/p/16380520.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">2022-06-16 01:06
                            <span data-post-id="16380520" class="post-view-count">阅读(2)</span>
                            <span data-post-id="16380520" class="post-comment-count">评论(0)</span>
                            <span data-post-id="16380520" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=16380520" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_16353937">
                        <div class="dayTitle">
                            <a href="https://api.ixiaowai.cn/api/api.php">2022年6月7日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/16353937.html">
                                <span>
                                    vue2
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_16353937">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                Vue2 vue基础 什么是vue 构建用户界面的渐进式框架 渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分 MVVM model 数据
                                view 页面 ViewModel mvvm 模式的核心，它是连接 view 和 model 的桥梁 双向数据绑定 **数据 <a
                                    href="https://www.cnblogs.com/rain-sparse/p/16353937.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2022-06-07 23:53
                            rain_sparse
                            <span data-post-id="16353937" class="post-view-count">阅读(1)</span>
                            <span data-post-id="16353937" class="post-comment-count">评论(0)</span>
                            <span data-post-id="16353937" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=16353937" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_16343271">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/06/05.html">2022年6月5日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/16343271.html">
                                <span>
                                    Git
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_16343271">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                Git 什么是git 分布式版本控制系统 , 版本控制系统 登录 用户名和邮箱必须和码云一样 配置 右键桌面 Git Bash Here 进入窗口执行代码 项目配置文件
                                项目/.git/config //输入用户名 git config --local user.name '雨疏' //输入邮箱 g <a
                                    href="https://www.cnblogs.com/rain-sparse/p/16343271.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2022-06-05 02:28
                            rain_sparse
                            <span data-post-id="16343271" class="post-view-count">阅读(3)</span>
                            <span data-post-id="16343271" class="post-comment-count">评论(0)</span>
                            <span data-post-id="16343271" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=16343271" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_16341880">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/06/04.html">2022年6月4日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/16341880.html">
                                <span>
                                    JavaScript高级
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_16341880">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                #JS高级 字符串的match方法 字符串.match(正则)； //会根据正则提取数据 得到数组 let str="1 plus 2 equal 3"; let a =
                                str.match(/\d+/g); console.log(a); //数组 [1,2,3] 闭包 内部函数访问, 外部函数导 <a
                                    href="https://www.cnblogs.com/rain-sparse/p/16341880.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2022-06-04 14:47
                            rain_sparse
                            <span data-post-id="16341880" class="post-view-count">阅读(2)</span>
                            <span data-post-id="16341880" class="post-comment-count">评论(0)</span>
                            <span data-post-id="16341880" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=16341880" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_16341004">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/06/03.html">2022年6月3日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/16341004.html">
                                <span>
                                    Web APIs
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_16341004">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                Web APIs Web APIs 什么是DOM 文档对象 操作网页的内容 实现用户交互 DOM树 标签与标签的关系 DOM对象 把网页内容当对象 ,
                                它提供的属性和方法都是访问和操作网页内容 , 网页所有内容都是document 获取DOM对象 //选择匹配的第一个元素 document.quer <a
                                    href="https://www.cnblogs.com/rain-sparse/p/16341004.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2022-06-03 23:16
                            rain_sparse
                            <span data-post-id="16341004" class="post-view-count">阅读(2)</span>
                            <span data-post-id="16341004" class="post-comment-count">评论(0)</span>
                            <span data-post-id="16341004" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=16341004" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_15902923">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/02/17.html">2022年2月17日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/15902923.html">
                                <span>
                                    Sass和Less
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_15902923">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                Sass和Less ####Scss和Sass Sass是Sass 3.0 之前的版本 scss 是Sass 3.0 之后的版本 变量 // 语法 $变量名: 变量值;
                                $red: red; .box{ background: $red; border: 1px solid $red; } 嵌套 u <a
                                    href="https://www.cnblogs.com/rain-sparse/p/15902923.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2022-02-17 00:15
                            rain_sparse
                            <span data-post-id="15902923" class="post-view-count">阅读(42)</span>
                            <span data-post-id="15902923" class="post-comment-count">评论(0)</span>
                            <span data-post-id="15902923" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=15902923" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_15618495">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2021/11/29.html">2021年11月29日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/jsbasis.html">
                                <span>
                                    JavaScript基础
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_15618495">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                JavaScript基础 JavaScript-介绍 书写方式 内联 &lt;button onclick="alert('内联')"&gt;内联&lt;/button&gt;
                                内部书写 一般写在 上面 &lt;script&gt; alert('内部样式') &lt;/script&gt; 外部引入 一般写在 上面 &lt;script src=".
                                <a href="https://www.cnblogs.com/rain-sparse/p/jsbasis.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2021-11-29 11:15
                            rain_sparse
                            <span data-post-id="15618495" class="post-view-count">阅读(21)</span>
                            <span data-post-id="15618495" class="post-comment-count">评论(0)</span>
                            <span data-post-id="15618495" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=15618495" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_15586117">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2021/11/21.html">2021年11月21日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/15586117.html">
                                <span>
                                    移动Web
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_15586117">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                移动Web 移动端特点 移动端和PC端同异 PC屏幕大 ，网页固定版心 手机屏幕小，网页宽度100% 分辨率 屏幕尺寸 指的是屏幕对角线长度，一般用英寸表示 分辨率
                                硬件分辨率(出厂设置) 缩放调节的分辨率 (软件设置) 分辨率分类 物理分辨率（固定的，不可改变） 逻辑分辨率（由软件驱动决定的）网页 <a
                                    href="https://www.cnblogs.com/rain-sparse/p/15586117.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2021-11-21 21:51
                            rain_sparse
                            <span data-post-id="15586117" class="post-view-count">阅读(17)</span>
                            <span data-post-id="15586117" class="post-comment-count">评论(0)</span>
                            <span data-post-id="15586117" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=15586117" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>
                    </div>





                    <div class="day" role="article" aria-describedby="postlist_description_15536077">
                        <div class="dayTitle">
                            <a href="https://www.cnblogs.com/rain-sparse/archive/2021/11/10.html">2021年11月10日</a>
                        </div>

                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle"
                                href="https://www.cnblogs.com/rain-sparse/p/vscode.html">
                                <span>
                                    VS Code 插件
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_15536108">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                VS Code 插件 图标 名字 说明 Chinese(Simplified) 中文语言包 Auto Close Tag 自动闭合标签 Auto Rename Tag
                                修改标签对(修改标签尾部自动修改) Beautify 格式化 javascript, JSON, CSS, Sass, and HT <a
                                    href="https://www.cnblogs.com/rain-sparse/p/vscode.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2021-11-10 22:31
                            rain_sparse
                            <span data-post-id="15536108" class="post-view-count">阅读(25)</span>
                            <span data-post-id="15536108" class="post-comment-count">评论(0)</span>
                            <span data-post-id="15536108" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=15536108" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div>

                        <!-- <div class="postSeparator"></div>
                        <div class="postTitle" role="heading" aria-level="2">
                            <a class="postTitle2 vertical-middle" href="https://www.cnblogs.com/rain-sparse/p/yyh.html">
                                <span>
                                    语义化标签
                                </span>

                            </a>
                        </div>
                        <div class="postCon">

                            <div class="c_b_p_desc" id="postlist_description_15536077">
                                摘要：<img src="https://api.ixiaowai.cn/api/api.php" alt="VS Code 插件" class="desc_img">
                                语义标签 为什么要语义化 代码结构：在没有css的情况下也能呈现出很好的内容 有利于SEO：可以和搜索引擎建立良好的沟通 便于团队开发和维护：语义化代码更具有可读性 h1~h6
                                定页面标题 h1元素具有最高等级 &lt;h1&gt;大标h1&lt;/h1&gt; &lt;section&gt; &lt;h2&gt;标题h2&lt;/h2&gt;
                                &lt;h3&gt;标题 <a href="https://www.cnblogs.com/rain-sparse/p/yyh.html"
                                    class="c_b_p_desc_readmore">阅读全文</a>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="postDesc">posted @ 2021-11-10 22:25
                            rain_sparse
                            <span data-post-id="15536077" class="post-view-count">阅读(11)</span>
                            <span data-post-id="15536077" class="post-comment-count">评论(0)</span>
                            <span data-post-id="15536077" class="post-digg-count">推荐(0)</span>
                            <a href="https://i.cnblogs.com/EditPosts.aspx?postid=15536077" rel="nofollow">
                                编辑
                            </a>
                        </div>
                        <div class="clear"></div> -->
                    </div>



                    <div class="topicListFooter">
                        <div id="nav_next_page">

                            <a href="https://www.cnblogs.com/rain-sparse/default.html?page=2">
                                下一页
                            </a>

                        </div>
                    </div>
                    <!-- <div id="homepage_bottom_pager" class="topicListFooter">


                        <div class="pager">
                            <a href="https://www.cnblogs.com/rain-sparse/default.html?page=1">上一页</a>


                            <a href="https://www.cnblogs.com/rain-sparse/default.html?page=1">1</a>
                            2



                        </div>
                    </div> -->






                    <script>
                        updatePostStats(
                            $(".post-view-count").map(function () { return this.dataset.postId }).get(),
                            function (id, count) { $(".post-view-count[data-post-id=" + id + "]").text("阅读(" + count + ")") },
                            function (id, count) { $(".post-comment-count[data-post-id=" + id + "]").text("评论(" + count + ")") },
                            function (id, count) { $(".post-digg-count[data-post-id=" + id + "]").text("推荐(" + count + ")") });
                    </script>
                </div>
                <!--end: forFlow -->
            </div>

            <!--end: mainContent 主体内容容器-->
            <div id="sideBar">
                <div id="sideBarMain">
                    <div id="sidebar_news" class="newsItem">
                        <!--done-->
                        <h3 class="catListTitle">公告</h3>


                        <div id="blog-news">
                            <div id="profile_block">
                                昵称：
                                <a href="https://home.cnblogs.com/u/rain-sparse/">
                                    rain_sparse
                                </a>
                                <br>
                                园龄：
                                <a href="https://home.cnblogs.com/u/rain-sparse/" title="入园时间：2021-02-04">
                                    1年4个月
                                </a>
                                <br>
                                粉丝：
                                <a href="https://home.cnblogs.com/u/rain-sparse/followers/">
                                    1
                                </a>
                                <br>
                                关注：
                                <a href="https://home.cnblogs.com/u/rain-sparse/followees/">
                                    1
                                </a>
                                <div id="p_b_follow">
                                    <!-- <a href="javascript:void(0)"
                                        onclick="follow('4ea5c7e3-75e3-471c-1bdb-08d8c8014cc2')">+加关注</a> -->
                                </div>
                                <script>getFollowStatus('4ea5c7e3-75e3-471c-1bdb-08d8c8014cc2');</script>
                            </div>
                        </div>

                    </div>
                    <div id="sidebar_c3" style="display: block;"><a href="https://www.cnblogs.com/cmt/p/16376604.html"
                            target="_blank"><img width="300" height="250"
                                src="https://img2022.cnblogs.com/blog/35695/202206/35695-20220616113454585-785231156.jpg"
                                alt="给王心凌打Call的，原来是神奇的智能湖仓" onclick="countClicks('ad', 'C3-亚马逊云科技-智能湖仓');"></a></div>
                    <div id="blog-calendar" style="display:none"></div>
                    <script>loadBlogDefaultCalendar();</script>
                    <div id="leftcontentcontainer">
                        <div id="blog-sidecolumn">
                            <!-- 搜索 -->
                            <div id="sidebar_search" class="sidebar-block">

                            </div>

                            <!-- 常用链接 -->


                            <!-- 最新随笔 -->


                            <!-- 我的标签 -->
                            <div id="sidebar_toptags" class="sidebar-block"></div>

                            <!-- 积分与排名 -->


                            <!-- 随笔分类、随笔档案、文章分类、新闻分类、相册、链接 -->
                            <div id="sidebar_categories">

                                <div id="sidebar_postcategory" class="catListPostCategory sidebar-block">
                                    <h3 class="catListTitle">

                                        <a class="sidebar-card-title-a"
                                            href="https://www.cnblogs.com/rain-sparse/categories">随笔分类</a>



                                    </h3>

                                    <ul>

                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/category/2055797.html"
                                                class="category-item-link" rel="" target="">其他(3)</a>

                                        </li>
                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/category/2054248.html"
                                                class="category-item-link" rel="" target="">前端(10)</a>

                                        </li>
                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/category/2054248.html"
                                                class="category-item-link" rel="" target="">前端(10)</a>

                                        </li>

                                    </ul>


                                </div>
                                <div id="sidebar_postarchive" class="catListPostArchive sidebar-block">
                                    <h3 class="catListTitle">

                                        随笔档案


                                    </h3>

                                    <ul>

                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/06.html"
                                                class="category-item-link" rel="" target="">2022年6月(5)</a>

                                        </li>
                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/archive/2022/02.html"
                                                class="category-item-link" rel="" target="">2022年2月(1)</a>

                                        </li>
                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/archive/2021/11.html"
                                                class="category-item-link" rel="" target="">2021年11月(5)</a>

                                        </li>
                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/archive/2021/10.html"
                                                class="category-item-link" rel="" target="">2021年10月(2)</a>

                                        </li>

                                    </ul>


                                </div>
                                <div id="sidebar_articlecategory" class="catListArticleCategory sidebar-block">
                                    <h3 class="catListTitle">

                                        <a class="sidebar-card-title-a"
                                            href="https://www.cnblogs.com/rain-sparse/categories">文章分类</a>



                                    </h3>

                                    <ul>

                                        <li data-category-list-item-visible="true" style="display: block">

                                            <a href="https://www.cnblogs.com/rain-sparse/category/2050853.html"
                                                class="category-item-link" rel="" target="">李清照(3)</a>

                                        </li>

                                    </ul>


                                </div>
                            </div>

                            <!-- 最新评论 -->
                            <!-- 阅读排行榜 -->
                            <div id="sidebar_topviewedposts" class="sidebar-block">
                                <div class="catListView">
                                    <h3 class="catListTitle">
                                        <a href="https://www.cnblogs.com/rain-sparse/most-viewed"
                                            class="sidebar-card-title-a">
                                            阅读排行榜
                                        </a>

                                    </h3>
                                    <div id="TopViewPostsBlock">
                                        <ul style="word-break:break-all">
                                            <li>
                                                <a href="https://www.cnblogs.com/rain-sparse/p/15902923.html">
                                                    1. Sass和Less(42)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.cnblogs.com/rain-sparse/p/html.html">
                                                    2. HTML初识(26)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.cnblogs.com/rain-sparse/p/vscode.html">
                                                    3. VS Code 插件(25)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.cnblogs.com/rain-sparse/p/jsbasis.html">
                                                    4. JavaScript基础(21)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.cnblogs.com/rain-sparse/p/css.html">
                                                    5. CSS基础(19)
                                                </a>
                                            </li>
                                            <li>

                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <!-- 评论排行榜 -->
                            <div id="sidebar_topcommentedposts" class="sidebar-block"></div>

                            <!-- 推荐排行榜 -->
                            <div id="sidebar_recentcomments" class="sidebar-block"></div>


                        </div>
                        <script>loadBlogSideColumn();</script>
                    </div>
                </div>
                <!--end: sideBarMain -->
            </div>
            <!--end: sideBar 侧边栏容器 -->
            <div class="clear"></div>
        </div>
        <!--end: main -->
        <div class="clear"></div>
        <div id="footer">
            <!--done-->
            Copyright © 2022 rain_sparse
            <br><span id="poweredby">Powered by .NET 6 on Kubernetes</span>



        </div>
        <!--end: footer -->
    </div>
    <!--end: home 自定义的最大容器 -->



    <input type="hidden" id="antiforgery_token"
        value="CfDJ8AuMt_3FvyxIgNOR82PHE4mBn4IrvOA5s3G6EzaVEMxVUxoe4Fyf06sEsLnSs1VI_K0ptt389vMX8OUDIGnYmaNw1hsddhALvREb3KzrrfYMgoPilcSyb8m0wVRGqBxi2S8XQjczO_g8zlBRBFikTeU">
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-476124-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        var kv = getGACustom();
        if (kv) {
            gtag('set', kv);
        }
        gtag('config', 'UA-476124-1');
    </script>
    <script defer="" src="https://hm.baidu.com/hm.js?866c9be12d4a814454792b1fd0fed295"></script>
    <!-- 添加的js -->
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
    <script src="./js/index.js"></script>
</body>

</html>